<template>
	<view class="uni_box">
		<!-- <navbar :isback='false' :title='title' backgroundColor='#fff'>
		</navbar> -->
		<image class="bghome" :src="user.group_bg_image" />
		<view class="content">
			<view class="jli"  :style="{paddingTop: titleTop + 'px'}">
				<view class="xiao">
					<text class="jname">我的</text>
				</view>
			</view>
		   <view class="mone" @click="ziliao">
				<!-- <image class="mtous" src="/static/CJYM_png.png" /> -->
				<u-avatar  @click="getzhuce" :src="user.avatar" class="mtous" size="124" :show-level="true" :show-sex="false"></u-avatar>
				<view class="mright">
					<view class="nicheng" @click="getinfimation">
						<text class="mrname" :class="user.group_id==1?'bcolor':''">{{user.nickname?user.nickname:'DFRY'}}</text>
						<view class="hui">
							<view class="huiitem">{{ user.group_name }}</view>
						</view>
						<image class="icon_xgs" src="/static/img/xuanicon.png" />
					</view>
					
					<view class="mrn">
						<text class="mrnitem"  :class="user.group_id==1?'bcolor':''" v-if="user.mobile">{{ hideMiddleDigits(user.mobile) }}</text>
						<view class="smview" v-if="user.auth==1">
							<image class="icon_rz" src="/static/mine/icon_rz.png" />
							<text class="smname">已实名</text>
						</view>
					</view>
				</view>
		   </view>
		   <view class="mthree">
			    <text class="qita">我的订单</text>
				<view class="qitaview">
					<view class="qitem" v-for="(item,index) in dinlist" :key="index" @click="mdinClick(item)">
						<image class="micon" :src="item.img" />
						<text>{{item.name}}</text>
					</view>
				</view>
			</view>
			<view class="mtwo" v-if="user.shop_id&&is_shenhe==0">
				<view class="mshop" @click="getstorehome">
					<image class="img_ds_cc" src="/static/img/img_ds_cc.png" />
					<view class="shopright">
						<view class="shopone">
							<text class="dianname">店铺管理</text>
							<image class="ricons" src="/static/img/ricons.png" />
						</view>
						<text class="gname">共{{shopinfo.goods_nums||0}}件</text>
					</view>
				</view>

			   <view class="titem">
				 <text class="tiname">{{ shopinfo.order_nums_today||0 }}</text>
				 <text class="tidan">今日订单</text>
			   </view>
			   <view class="titem" @click="getxinyong(1)">
				 <text class="tiname">{{ shopinfo.money_today||0 }}</text>
				 <text class="tidan">今日收入</text>
			   </view>
		   </view>
		   <view class="myjifen" v-if="is_shenhe==0">
			   <view class="jione">
				 <text class="jiname">我的钱包</text>
				 <view class="mx" @click="getmingxi">
					<text class="mxname">明细</text>
					<image class="icon_xgs" src="/static/mine/icon_xgs.png" />
				</view>
			   </view>
			   <view class="jione mttwo">
				<text class="jinum">¥{{user.money||0}}</text>
				
				<view class="gm ml" v-if="is_shenhe==0" @click="gettixian">提现</view>
			   </view>
			   <!-- <view class="jlview">
					<view class="titem"  @click="geuquan">
					<text class="tiname">{{ user.couponCount||0 }}</text>
					<text class="tidan">我的券包(个)</text>
				</view>
				<view class="titem">
					<text class="tiname">{{ user.jiang||0 }}</text>
					<text class="tidan">奖励金余额(元)</text>
				</view>
				<view class="titem">
					<text class="tiname">{{ user.pay_money||0 }}</text>
					<text class="tidan">累计支付工资</text>
				</view>
			   </view> -->
		   </view>
		   <view class="mthree">
			    <text class="qita">服务工具</text>
				<view class="qitaview">
					<view class="qitem">
						<button  open-type="contact" class="btn">
						</button>
						<view class="mvone">
							<image class="micon" src="/static/mine/icon_kf.png" />
							<text>联系客服</text>
						</view>
						
					</view>
					<view class="qitem" v-for="(item,index) in mlist" :key="index" @click="mClick(item)">
						<image class="micon" :src="item.img" />
						<text>{{item.name}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {
				list: [{
						image: '/static/che/bannerone.jpg',
						title: '昨夜星辰昨夜风，画楼西畔桂堂东'
					},
					{
						image: '/static/che/bannertwo.jpg',
						title: '身无彩凤双飞翼，心有灵犀一点通'
					},
					{
						image: '/static/che/bannerthree.jpg',
						title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
					}
				],
				src: '/static/CJYM_png.png',
				text: '无头像',
				gonglist: [
					'敬请期待'
				],
				keyword:'',
				user:{},
				mlist:[
					// {id:1,name:'更换账号',img:'/static/mine/icon_zh.png'},
					{id:1,name:'地址管理',img:'/static/mine/icon_dz.png'},
					// {id:2,name:'我的团队',img:'/static/mine/icon_td.png'},
					{id:3,name:'邀请好友',img:'/static/mine/icon_hy.png'},
					// {id:4,name:'商学院',img:'/static/mine/icon_sxy.png'},
					// {id:5,name:'申请加盟',img:'/static/mine/icon_jm.png'},
					// {id:6,name:'扫码核销',img:'/static/mine/icon_hx.png'},
					// {id:7,name:'库存商品',img:'/static/mine/icon_sp.png'},
					
				],
				dinlist:[
					{id:1,name:'待支付',img:'/static/mine/icon_dzf.png'},
					{id:2,name:'待发货',img:'/static/mine/icon_df.png'},
					{id:3,name:'待收货',img:'/static/mine/icon_dsh.png'},
					{id:4,name:'已完成',img:'/static/mine/icon_ywc.png'}
					
				],
				titleTop: 0,
 				statusBarHeight: 0,
				identity:'',//1用户 2老板
				jishow:false,
				jubaoshow:false,
				jubaolist:[],
				shopinfo:{},
				is_shenhe:1,////1就是开启审核
			}
		},
		mounted() {
			// #ifdef MP-WEIXIN
			let that = this;
			// 获取胶囊按钮位置信息
			const menuButtonInfo = uni.getMenuButtonBoundingClientRect();
			const { top, height } = menuButtonInfo;
			const statusBarHeight = uni.getSystemInfoSync().statusBarHeight;

			// 计算标题需要偏移的位置
			const titleTop = top + (height - statusBarHeight) / 2;
			this.titleTop = titleTop;//设置标题顶部距离
			this.statusBarHeight = statusBarHeight;//设置状态栏高度
			// #endif
		},
		async onLoad() {
		},
		onShow() {
			
			this.getshenhe()
		},
		methods: {
			async getshenhe(){
				let res = await this.$u.api.getShenhe({
				});
				if(res){

					if(!this.compareVersion(this.$store.state.Version,res.version)){
						//当前版本小于 接口返回版本
						this.is_shenhe = res.is_shenhe//1就是开启审核
						// #ifdef H5
						this.is_shenhe = 0
						//  #endif
					}else{
						//当前版本等于或者大于 接口返回版本 显示
						this.is_shenhe = 0
					}
				}
				this.getuser()
			},
			paysucess(){
				this.jishow = false
				this.getuser()
			},
			router(url) {
				uni.navigateTo({
					url
				})
			},
			tuichu(){
				uni.clearStorageSync();
				this.$store.commit('outLogin');
				this.$u.toast(this.$t('new.tuichu'));
				setTimeout(() => {
					uni.redirectTo({
						url: '/pages/login/login'
					})
				}, 1000);
			},
			myproject(){
				this.navrouter("/pages_client/twoPage/MyProject");
			},
			ziliao(){
				this.navrouter("/pages_client/twoPage/ziliao");
			},
			getwallet(e){
				if(e == 1||e == 2){
					this.navrouter("/pages_client/twoPage/M-wallet");
				}else if(e == 4){
					//券
					this.navrouter("/pages_client/twoPage/M-Quan");
				}
			},
			mClick(e){
				let id = e.id
				if(id == 2){
					//实名认证
					this.navrouter("/pages_client/twoPage/MyTeam");
				}else if(id ==3){
					//邀请好友
					this.navrouter("/pages_client/mine/Invite");
				}else if(id == 4){
					//商学院
					this.navrouter("/pages_client/mine/BusinessList");
				}else if(id == 5){
					//申请加盟
					if(this.user.shop_id){
						this.navrouter("/pages_client/mine/StoreEntry?shop_id="+this.user.shop_id);
					}else{
						this.navrouter("/pages_client/mine/StoreEntry");
					}
					
				}else if(id == 1){
					//地址列表
					this.navrouter("/pages_client/twoPage/Adress");
				}else if(id == 7){
					//库存商品
					this.navrouter("/pages_client/twoPage/KucunShopJin?shop_id="+this.user.shop_id);
				}else if(id == 6){
					//扫码核销
					this.scanCode();
				}else if(id == 8){
					//顾客管理
					this.navrouter("/pages_client/mine/MyGuke?shop_id="+this.user.shop_id);
				}
			},
			scanCode() {
				let that = this
				uni.scanCode({
					onlyFromCamera: true, // 只允许通过相机扫码
					success: (res) => {
						console.log('扫码成功', res);
						if(res.errMsg == "scanCode:ok"){
							// that.$u.toast(res.result);
							that.gethexiao(res.result)
						}
						// 在这里可以获取到扫码结果，进行下一步的核销操作
					},
					fail: (err) => {
						that.$u.toast(err);
						console.log('扫码失败', err);
					},
					complete: () => {
						console.log('扫码结束');
					}
				});
			},
			async gethexiao(id){
				let res = await this.$u.api.hexiao({
					order_id:id
				});
				let that = this
				setTimeout(() => {
					that.$u.toast("核销成功");
				}, 1500);
				
			},
			getstorehome(){
				///店铺主页
				this.navrouter("/pages_client/mine/StoreHome?shop_id="+this.user.shop_id);
			},
			mdinClick(item){
				this.navrouter("/pages_client/mine/OrderList?id="+item.id);
			},
			getjuclick(item){
				// this.jubaoshow = false
				this.navrouter("/pages_client/twoPage/FlyReport?id="+item.id);
			},
			async getjubao(){
				this.jubaoshow = true
				let res = await this.$u.api.getJubaoOrderList({
				});
				this.jubaolist = res
			},
			getmingxi(){
				this.navrouter("/pages_client/twoPage/M-wallet");
			},
			getqie(){
				this.navrouter("/pages/tabbar/Switch-SF?identity="+this.identity);
			},
			async getuser(){
				let res = await this.$u.api.getData({
				});
				this.user = res.data
				console.log(this.user)
				if(res.data.id){//本地分享参数缓存
					uni.setStorageSync('code',res.data.id);//2老板
					this.$store.commit('changecode',res.data.id);
				}
				//有扫码核销
				let mlist = this.mlist
				if(this.is_shenhe == 0){//判断审核
					const newDatajm = {id:5,name:'商家入驻',img:'/static/mine/icon_jm.png'}
					// 判断是否存在具有相同id的数据
					const isExistjm = mlist.some(item => item.id === newDatajm.id);

					if (!isExistjm) {
						mlist.push(newDatajm);
					}
					if(this.user.group_id > 1){
						

						

						const newDatatwo = {id:2,name:'我的团队',img:'/static/mine/icon_td.png'}
						// 判断是否存在具有相同id的数据
						const isExisttwo = mlist.some(item => item.id === newDatatwo.id);

						if (!isExisttwo) {
							mlist.push(newDatatwo);
						}

						const newData = {id:7,name:'库存商品',img:'/static/mine/icon_sp.png'}
						// 判断是否存在具有相同id的数据
						const isExist = mlist.some(item => item.id === newData.id);

						if (!isExist) {
							mlist.push(newData);
						}

						const newDatathree = {id:4,name:'商学院',img:'/static/mine/icon_sxy.png'}
						// 判断是否存在具有相同id的数据
						const isExistthree = mlist.some(item => item.id === newDatathree.id);
						console.log(isExistthree)
						if (!isExistthree) {
							mlist.push(newDatathree);
						}

						
						
					}
					if(this.user.is_hexiao == 1){
						//有扫码核销
						let mlist = this.mlist
						const newData = {id:6,name:'扫码核销',img:'/static/mine/icon_hx.png'}
						// 判断是否存在具有相同id的数据
						const isExist = mlist.some(item => item.id === newData.id);

						if (!isExist) {
							mlist.push(newData);
						}

						const newDatafour = {id:4,name:'商学院',img:'/static/mine/icon_sxy.png'}
						// 判断是否存在具有相同id的数据
						const isExistfour = mlist.some(item => item.id === newDatafour.id);

						if (!isExistfour) {
							mlist.push(newDatafour);
						}

						const newDataeight = {id:8,name:'顾客管理',img:'/static/mine/hexiao.png'}
						// 判断是否存在具有相同id的数据
						const isExisteight = mlist.some(item => item.id === newDataeight.id);

						if (!isExisteight) {
							mlist.push(newDataeight);
						}
						
					}
					if(this.user.shop_id){
						let resd = await this.$u.api.shopdata({
							shop_id:this.user.shop_id
						});
						this.shopinfo = resd
					}
				}
				
				

			},
			geuquan(){
				this.navrouter("/pages_client/twoPage/M-Quan");
				
			},
			getinfimation(){
				this.navrouter("/pages/TPage/Information");
			},
			getzhuce(){
				this.navrouter("/pages/login/login");
				// #ifdef H5
				
				// #endif
			},
			closejubao(){
				this.jubaoshow=false
			},
			gettixian(){
				this.navrouter("/pages_client/twoPage/Tixian");
			}
		}
	}
</script>

<style lang="scss" scoped>
	page,html{
		background-color:#F7F7FA;
	}
	.bghome{
		width: 100%;
		position: absolute;
		top: 0;
		height: 420rpx;
		
	}
	.uni_box{
		background-color:#F7F7FA;
		min-heiht:100vh;
		padding-bottom: 50rpx;
	}
	.jli{
		position: relative;
		.jname{
			font-weight: 800;
			font-size: 45rpx;
			color: #111111;
			padding-top: 20rpx;
			display: flex;
			margin-bottom: 30rpx;
		}
		.icon_qcxx{
			margin-left: 20rpx;
			width: 44rpx;
			height: 44rpx;
		}
		.xone{
			display: flex;
			margin-bottom: 30rpx;
			align-items: center;
		}
		.yaojl{
			font-weight: 400;
			font-size: 26rpx;
			color: #999999;;
		}
		.yitwo{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			margin-top: 20rpx;
			.yileft{
				width: 48%;
				height: 78rpx;
				background: linear-gradient(34deg, #DC5585, #FD79AA);
				border-radius: 44rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				font-weight: bold;
				font-size: 28rpx;
				color: #FFFFFF;

			}
			.xitong{
				background: linear-gradient(34deg, #3A76D7, #5E98E8);
			}
			.icon_tz{
				width: 44rpx;
				height: 44rpx;
				margin-right: 5rpx;
			}
		}
		.xiao{
			position: relative;
			padding: 0rpx 30rpx 20rpx;
		}
	}
	.content{
		padding: 0rpx 0rpx 80rpx;
		position: relative;
		.mone{
			display: flex;
			flex-direction: row;
			align-items: center;
			padding:0 0 0 30rpx;
			.mtous{
				width: 124rpx;
				height: 124rpx;
				border-radius: 50%;
				margin-right: 40rpx;
			}
			.mright{
				flex: 1;
				display: flex;
				flex-direction: column;
				position: relative;
				.nicheng{
					display: flex;
					flex-direction: row;
					align-items: center;
				}
				.icon_xgs{
					width: 24rpx;
					height: 24rpx;
					margin-left: auto;
					margin-right: 40rpx;
				}
				.mrname{
					font-size: 40rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #fff;
				}
				.mrn{
					display: flex;
					flex-direction: row;
					align-items: center;
					margin-top: 20rpx;
					.mrnitem{
						font-weight: 400;
						font-size: 26rpx;
						color: #fff;
					}
					.smview{
						display: flex;
						flex-direction: row;
						align-items: center;
						background: #E9FFEB;
						border-radius: 6rpx;
						padding: 4rpx 16rpx;
						margin-left: 20rpx;
						.icon_rz{
							width: 24rpx;
							height: 24rpx;
							margin-right: 6rpx;

						}
						.smname{
							font-weight: 500;
							font-size: 24rpx;
							color: #16B925;
							display: inline-block;
						}
					}
				}
				.bcolor{
					color: #111111 !important;
				}
			}
			.zhaoview{
				position: absolute;
				right: 0;
				top: 30rpx;
				background-color: rgba(255, 78, 67, 0.2);
				border-radius: 34rpx 0rpx 0rpx 34rpx;
				// border: 1px solid #FF4E43;
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: center;
				width: 180rpx;
				height: 68rpx;
				.icon_qh{
					width: 32rpx;
					height: 32rpx;
					margin-right: 8rpx;
				}
				.zname{
					font-weight: 500;
					font-size: 24rpx;
					color: #FF4E43;
				}
			}
			.zhao{
				background-color: rgba(254, 150, 65, 0.2);
			}
		}


		.mtwo{
			background: #FFFFFF;
			border-radius: 30rpx 30rpx;
			padding: 30rpx;
			margin: 40rpx 30rpx 20rpx;
			display: flex;
			flex-direction: row;
			align-items: center;
			.mshop{
				display: flex;
				flex-direction: row;
				align-items: center;
				padding-right: 60rpx;
				border-right: 1rpx solid #eee;
				.img_ds_cc{
					width: 90rpx;
					margin-right: 13rpx;
					height: 90rpx;
				}
				.shopright{
					display: flex;
					flex-direction: column;
					.shopone{
						display: flex;
						flex-direction: row;
						align-items: center;
						.dianname{
							font-weight: bold;
							font-size: 30rpx;
							color: #333333;
						}
						.ricons{
							margin-left: 8rpx;
							width: 18rpx;
							height: 18rpx;
						}
					}
					.gname{
						font-weight: 400;
						font-size: 24rpx;
						color: #BBBBBB;
						display: block;
						margin-top: 14rpx;
					}
				}
			}
			
			.titem{
				display: flex;
				flex-direction: column;
				// width: 23%;
				flex: 1;
				
				align-items: center;
				justify-content: center;
				.tiname{
					font-weight: bold;
					font-size: 36rpx;
					color: #111111;
				}
				.tidan{
					font-weight: 500;
					font-size: 24rpx;
					color: #666666;
					display: block;
					margin-top: 13rpx;
				}
				.icon_qb{
					width: 56rpx;
					height: 56rpx;
				}
				.kaname{
					font-weight: 500;
					font-size: 24rpx;
					color: #333333;
					display: block;
					margin-top: 10rpx;
				}
			}
			.ka{
				border-left: 1rpx solid #CCCCCC;
			}
			.pnum{
				width: 180rpx;
				height: 180rpx;
				background: linear-gradient(90deg, #FF8F39, #FF4D43);
				border-radius: 150rpx;
				margin-left: auto;
				border: 13rpx solid #F5F5F5;
				padding: 15rpx;
				.pnumview{
					width: 100%;
					height: 100%;
					border-radius: 150rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					background-color: #fff;
					font-weight: bold;
					font-size: 44rpx;
					color: #666666;
					flex-direction: column;
					.haop{
						font-weight: bold;
						font-size: 40rpx;
						color: #666666;
					}
					.pmiao{
						font-weight: 500;
						font-size: 22rpx;
						color: #666666;
					}
				}
			}
			.mtleft{
				width: 50%;
				display: flex;
				flex-direction: column;
				border-right: 4rpx solid #EEEEEE;
				.xname{
					font-size: 32rpx;
					font-family: PingFang SC;
					font-weight: bold;
					color: #333333;
				}
				.xnums{
					margin-top: 10rpx;
					display: flex;
					flex-direction: row;
					align-items: center;
					.xnumtext{
						font-size: 40rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #333333;
					}
					.commicon{
						margin-left: 20rpx;
						width: 40rpx;
						height: 40rpx;
					}
				}
			}
			.mtright{
				width: 50%;
				display: flex;
				flex-direction: row;
				align-items: center;
				padding-left: 30rpx;
				.mrone{
					flex: 1;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					.mroneimg{
						width: 65rpx;
						height: 44rpx;
						margin-bottom: 10rpx;
					}
					text{
						font-size: 24rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #333333;
					}
				}
			}
		}
		.myjifen{
			background: #FFFFFF;
			border-radius: 30rpx;
			padding: 30rpx 30rpx 30rpx;
			margin: 20rpx 30rpx 20rpx;
			display: flex;
			flex-direction: column;
			.jione{
				display: flex;
				flex-direction: row;
				align-items: center;
				.jiname{
					font-weight: bold;
					font-size: 28rpx;
					color: #111111;
				}
				.gm{
					width: 140rpx;
					height: 58rpx;
					background: linear-gradient(90deg, #FF8F39, #FF4D43);
					border-radius: 29rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					font-weight: bold;
					font-size: 28rpx;
					color: #FFFFFF;
				}
			}
			.icon_jf{
				width: 46rpx;
				height: 46rpx;
				margin-right: 10rpx;
			}
			.jinum{
				font-weight: bold;
				font-size: 40rpx;
				color: #111111;
			}
			.mx{
				display: flex;
				flex-direction: row;
				align-items: center;
				margin-left: auto;
				.mxname{
					font-weight: 400;
					font-size: 24rpx;
					color: #666666;
				}
				.icon_xgs{
					width: 24rpx;
					height: 24rpx;
					margin-left: 5rpx;
				}
			}
			.jlview{
				display: flex;
				flex-direction: row;
				border-top: 1rpx solid #eee;
				padding-top: 20rpx;
				margin-top: 20rpx;
				.titem{
					display: flex;
					flex-direction: column;
					// width: 23%;
					flex: 1;
					border-right: 1rpx solid #eee;
					
					align-items: center;
					justify-content: center;
					.tiname{
						font-weight: bold;
						font-size: 36rpx;
						color: #111111;
					}
					.tidan{
						font-weight: 500;
						font-size: 24rpx;
						color: #666666;
						display: block;
						margin-top: 13rpx;
					}
					.icon_qb{
						width: 56rpx;
						height: 56rpx;
					}
					.kaname{
						font-weight: 500;
						font-size: 24rpx;
						color: #333333;
						display: block;
						margin-top: 10rpx;
					}
				}
				.titem:last-child{
					border-right: none;
				}
			}
		}
		.mthree{
			background: #FFFFFF;
			border-radius: 30rpx;
			padding: 30rpx 30rpx 0 30rpx;
			margin: 50rpx 30rpx 20rpx;
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			.qita{
				font-weight: bold;
				font-size: 28rpx;
				color: #111111;
				display: block;
				margin-bottom: 30rpx;
			}
			.qitaview{
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				.qitem{
					width: 25%;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					justify-content: center;
					margin-bottom: 30rpx;
					position: relative;
					.micon{
						width: 56rpx;
						height: 56rpx;
						margin-bottom: 7rpx;
					}
					text{
						font-weight: 500;
						font-size: 24rpx;
						color: #333333;
					}
				}
				.mvone{
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					justify-content: center;
					width: 100%;
				}
			}
			// align-items: center;
			.mtitem{
				display: flex;
				padding: 30rpx 0;
				flex-direction: row;
				align-items: center;
				border-bottom: 1rpx solid #EEEEEE;
				.micon{
					width: 32rpx;
					height: 32rpx;
					margin-right: 10rpx;
				}
				.mitemname{
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #333333;
				}
				.ml{
					margin-left: auto;
				}
				.mfan{
					width: 20rpx;
					height: 24rpx;
				}
			}
			.mtitem:last-child{
				border-bottom: none;
			}
		}
	}
	.btn{
			position: absolute;
			background-color: transparent;
			width: 100%;
			height: 100%;
			z-index: 1;
			left: 0;
			padding: 0;
			border: none !important;
		}
		/deep/ button::after  {
		border: none;
		
	}

	// 举报老板

    /deep/.u-drawer-bottom{
        background-color: transparent;
    }
	.juview{
		padding: 30rpx;
		background-color: #fff;
		position: relative;
		border-radius: 30rpx 30rpx 0 0 ;
		.juone{
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			position: relative;
			margin-bottom: 40rpx;
			.hytit{
				font-weight: bold;
				font-size: 36rpx;
				color: #111111;

			}
			.icon_gbcha{
				position: absolute;
				width: 40rpx;
				right: 0;
				height: 40rpx;
			}
		}
		
		.jlist{
			height: 600rpx;
			position: relative;
			.jitem{
				position: relative;
				background: #F5F5F5;
				border-radius: 20rpx;
				padding: 30rpx;
				display: flex;
				flex-direction: column;
				margin-bottom: 30rpx;
				
				.jione{
					display: flex;
					flex-direction: row;
					align-items: center;
					.tieone{
						font-weight: bold;
						font-size: 36rpx;
						color: #111111;
					}
					.time{
						font-weight: 500;
						font-size: 26rpx;
						color: #999999;
					}
				}
				.dizhi{
					display: flex;
					flex-direction: row;
					align-items: center;
					margin-top: 14rpx;
					.diname{
						font-weight: 400;
						font-size: 26rpx;
						color: #111111;
					}
					.icon_dw{
						width: 24rpx;
						height: 24rpx;
						margin-right: 6rpx;
					}
				}
			}
		}
	}

	.mttwo{
		margin-top: 20rpx;
	}
	.hui{
		display: flex;
		flex-direction: row;
		// margin-top: 20rpx;
		margin-left: 20rpx;
		.huiitem{
			padding: 4rpx 20rpx;
			background: linear-gradient(-90deg, #272727, #4D4D4D);
			border-radius: 10rpx;
			font-weight: 500;
			font-size: 24rpx;
			color: #FFFFFF;
		}
	}
</style>
